/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-07-10 15:19:03
 * @LastEditTime : 2023-07-27 17:27:14
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\Assets\Common\SmallTitle.jsx
 * @Description  :
 */
import './Scss/SmallTitle.scss'
import { project } from '../../../../Common/Data'
const { imageUrl } = project[window.location.hostname]

// 通用小标题
export const CommonSmallTitle = ({ children, className, flex, style, title, type }) => (
    <div className={`ItemTitle ${className}`} style={{ flex: flex || 1, ...style }}>
        <div className="Title">
            <div>
                <img src={`${imageUrl}${type === 1 ? '11.png' : '01.png'}`} alt="" />
                <img src={`${imageUrl}${type === 1 ? '12.png' : '02.png'}`} alt="" />
                <img src={`${imageUrl}${type === 1 ? '13.png' : '03.png'}`} alt="" />
            </div>
            <div>{title}</div>
        </div>
        <div className="children">{children}</div>
    </div>
)

// 模块内小标题
export const TitleSmall001 = ({ title }) => {
    return (
        <div className="TitleSmall001">
            <div>{title}</div>
            <div />
        </div>
    )
}

// 模块内小标题
export const TitleSmall002 = ({ title }) => {
    return (
        <div className="TitleSmall002">
            <div>{title}</div>
            <div />
        </div>
    )
}
